<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
            html { height: 100% }
            body { height: 100%; margin: 0; padding: 0 }
            #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
                src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAro2InZZAcM4dX3JVqUFqa3XjcqJU5Yc4&sensor=false&language=es">
        </script>
        <script type="text/javascript">

            var map;

            function initialize() {
                var mapOptions = {
                    center: new google.maps.LatLng(40.46889, -3.703766),
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById("map_canvas"),
                        mapOptions);
            }

            function marcar(info, c1, c2) {

                var myLatlng = new google.maps.LatLng(c1, c2);
                var marker = new google.maps.Marker({
                    position: myLatlng,
                    map: map,
                    title: info,
                    animation: google.maps.Animation.DROP
                });
                marker.setMap(map);
                map.setCenter(myLatlng);
            }

            google.maps.event.addDomListener(window, 'load', initialize);

        </script>
    </head>
    <body onload="initialize();">
        <div id="map_canvas" style="width:100%; height:100%"></div>

        <div id="sucursales">
            <p onclick="return(marcar('sfdsfds',41.46589,-3.503766));"> Sucursal 1</p>
            <p onclick="return(marcar('info',40.76889,-3.603766));"> Sucursal 2</p>
        </div>
        
        <!--
            onclick="return(marcar(info,c1,c2));"
        -->
    </body>

</html>